﻿<%@ Page Title="Acerca de nosotros" Language="C#" MasterPageFile="~/Site.master"
    AutoEventWireup="true" CodeBehind="SobreNosotros.aspx.cs" Inherits="HotelBrisayArena.SobreNosotros" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
<link rel="stylesheet" href="css/basic.css" type="text/css" />
		<link rel="stylesheet" href="css/galleriffic-2.css" type="text/css" />
        <link rel="stylesheet" href="css/basic.css" type="text/css" />
		<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
		<script type="text/javascript" src="js/jquery.galleriffic.js"></script>
		<script type="text/javascript" src="js/jquery.opacityrollover.js"></script>
		<!-- We only want the thunbnails to display when javascript is disabled -->
		<script type="text/javascript">
		    document.write('<style>.noscript { display: none; }</style>');
		</script>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

   <table>
  <tr>
  <td>
   
   
			<div id="container">
				<h2>Sobre Nosotros</h2><br />
                <br />
                <asp:Label ID="Label1" runat="server" Text="Label" Width="500px"></asp:Label>
                <br />
                <br />
                <br />
    
				<!-- Start Advanced Gallery Html Containers -->
               
				    <div id="gallery" class="content">
					<div id="controls" class="controls"></div>
					<div class="slideshow-container">
						<div id="loading" class="loader"></div>
						<div id="slideshow" class="slideshow"></div>
					</div>
					<div id="caption" class="caption-container"></div>
				</div><!-- fin del id=gallery -->

				<div id="thumbs" class="navigation">
					<ul class="thumbs noscript">
						

						<li>
							<a  class="thumb" name="drop" href="http://farm6.staticflickr.com/5120/6920801880_b5ba44eb0a.jpg" title="Title #1" >
								<img src="http://farm6.staticflickr.com/5120/6920801880_b5ba44eb0a_m.jpg" alt="Title #1" height="250" width="250"/>
							</a>
						</li>

						<li>
							<a class="thumb" name="bigleaf" href="http://farm8.staticflickr.com/7081/6920801324_3dd1b5d842.jpg" title="Title #2">
								<img src="http://farm8.staticflickr.com/7081/6920801324_3dd1b5d842.jpg" alt="Title #2" />
							</a>
							<div class="caption">
							</div>
						</li>

						<li>
							<a class="thumb" name="lizard" href="http://farm8.staticflickr.com/7051/6920801022_c7ae1d280f.jpg" title="Title #3">
								<img src="http://farm8.staticflickr.com/7051/6920801022_c7ae1d280f.jpg" alt="Title #3" />
							</a>
							<div class="caption">
							</div>
						</li>

						<li>
							<a class="thumb" href="http://farm8.staticflickr.com/7051/6920801776_101166b599.jpg" title="Title #4">
								<img src="http://farm8.staticflickr.com/7051/6920801776_101166b599.jpg" alt="Title #4" />
							</a>
							<div class="caption">
							</div>
						</li>

						<li>
							<a class="thumb" href="http://farm8.staticflickr.com/7050/7066880921_786b5f8412.jpg" title="Title #5">
								<img src="http://farm8.staticflickr.com/7050/7066880921_786b5f8412.jpg" alt="Title #5" />
							</a>
							<div class="caption">
							</div>
						</li>

						<li>
							<a class="thumb" href="http://farm6.staticflickr.com/5113/6920801126_298c23e415.jpg" title="Title #6">
								<img src="http://farm6.staticflickr.com/5113/6920801126_298c23e415.jpg" alt="Title #6" />
							</a>
							<div class="caption">
							</div>
						</li>

                        <li>
							<a class="thumb" href="http://farm8.staticflickr.com/7246/6926976538_3868139fbe.jpg" title="Title #7">
								<img src="http://farm8.staticflickr.com/7246/6926976538_3868139fbe.jpg" alt="Title #7" />
							</a>
							<div class="caption">
							</div>
						</li>

                        <li>
							<a class="thumb" href="http://farm8.staticflickr.com/7215/6926976448_ca048f92cd.jpg" title="Title #8">
								<img src="http://farm8.staticflickr.com/7215/6926976448_ca048f92cd.jpg" alt="Title #8" />
							</a>
							<div class="caption">
							</div>
						</li>

                        <li>
							<a class="thumb" href="http://farm8.staticflickr.com/7050/7073053987_876b6f0815.jpg" title="Title #9">
								<img src="http://farm8.staticflickr.com/7050/7073053987_876b6f0815.jpg" alt="Title #9" />
							</a>
							<div class="caption">
							</div>
						</li>

                        <li>
							<a class="thumb" href="http://farm6.staticflickr.com/5075/7073054057_487028c0b2.jpg" title="Title #10">
								<img src="http://farm6.staticflickr.com/5075/7073054057_487028c0b2.jpg" alt="Title #10" />
							</a>
							<div class="caption">
							</div>
						</li>
                        <li>
							<a class="thumb" href="http://farm6.staticflickr.com/5031/7073054129_c7897199f4.jpg" title="Title #11">
								<img src="http://farm6.staticflickr.com/5031/7073054129_c7897199f4.jpg" alt="Title #11" />
							</a>
							<div class="caption">
							</div>
						</li>

                        <li>
							<a class="thumb" href="http://farm8.staticflickr.com/7197/6926976372_f9f109876e.jpg" title="Title #12">
								<img src="http://farm8.staticflickr.com/7197/6926976372_f9f109876e.jpg" alt="Title #12" />
							</a>
							<div class="caption">
							</div>
						</li>
					</ul>
				</div> 
			</div> 
            </td>
   </tr>
   </table>
            <!-- Fin del Container-->
		
		<script type="text/javascript">
		    jQuery(document).ready(function ($) {
		        // We only want these styles applied when javascript is enabled
		        $('div.navigation').css({ 'width': '300px', 'float': 'left' });
		        $('div.content').css('display', 'block');

		        // Initially set opacity on thumbs and add
		        // additional styling for hover effect on thumbs
		        var onMouseOutOpacity = 0.67;
		        $('#thumbs ul.thumbs li').opacityrollover({
		            mouseOutOpacity: onMouseOutOpacity,
		            mouseOverOpacity: 1.0,
		            fadeSpeed: 'fast',
		            exemptionSelector: '.selected'
		        });

		        // Initialize Advanced Galleriffic Gallery
		        var gallery = $('#thumbs').galleriffic({
		            delay: 2500,
		            numThumbs: 6,
		            preloadAhead: 10,
		            enableTopPager: true,
		            enableBottomPager: true,
		            maxPagesToShow: 7,
		            imageContainerSel: '#slideshow',
		            controlsContainerSel: '#controls',
		            captionContainerSel: '#caption',
		            loadingContainerSel: '#loading',
		            renderSSControls: true,
		            renderNavControls: true,
		            playLinkText: 'Play Slideshow',
		            pauseLinkText: 'Pause Slideshow',
		            prevLinkText: '&lsaquo; Previous Photo',
		            nextLinkText: 'Next Photo &rsaquo;',
		            nextPageLinkText: 'Next &rsaquo;',
		            prevPageLinkText: '&lsaquo; Prev',
		            enableHistory: false,
		            autoStart: false,
		            syncTransitions: true,
		            defaultTransitionDuration: 900,
		            onSlideChange: function (prevIndex, nextIndex) {
		                // 'this' refers to the gallery, which is an extension of $('#thumbs')
		                this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
		            },
		            onPageTransitionOut: function (callback) {
		                this.fadeTo('fast', 0.0, callback);
		            },
		            onPageTransitionIn: function () {
		                this.fadeTo('fast', 1.0);
		            }
		        });
		    });
		</script>
</asp:Content>
